﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{font:13px/1.5 Microsoft yahei;color:#666;}
a{ color:#666; text-decoration:none;}
h2{ font-family:"Microsoft YaHei";}
*{ outline:none;}
.w1200{ width:1200px; margin:0px auto;}
.contentbox{ width:1200px; margin:0px auto;}
.fl{ float:left;}
.fr{ float:right;}
/* ͷ����ʽ */

.top{width: 100%;height:35px;line-height: 35px;background-color: #F8F8F8;border-bottom: 1px solid #EBEBEB; position:fixed; top:0px; left:0px; z-index:999999;}
.top .topbox{height: 35px;}
.top .topbox .left{ float:left;}
.top .topbox .right .tel{ float:right;position: relative;margin-left: 15px;}
.top .topbox .right{ float:right;position: relative;}
.top .topbox .right .tel em {font-family: "Microsoft YaHei";color: #E50000;font-size: 14px;font-style: normal;}
.top .topbox .right .wxbox{float: right; background:url(../images/wxico.jpg) no-repeat left center;padding-left: 15px;margin-left: 15px; cursor:pointer;}
.top .topbox .right .wxboximg{ background:url(../images/wxboxbg.png) no-repeat; width:110px; height:112px; position:absolute; z-index:999;top: 26px;left:216px;padding-top:16px;}
.top .topbox .right .list{float: right;}
.top .topbox .right .list a{ padding:0px 8px;color:#666;}
.top .topbox .right .list a:hover{ color:#00a2e8; text-decoration:underline;}

.header{width: 100%;background: #fff;margin-top: 36px;}
.logo{ height:140px; overflow:hidden;}
.logo .logol{ float:left;width: 220px;height: 100px;overflow: hidden; margin-top: 22px;}
.logo .logol img{max-width: 100% ; max-height: 100%; }
/*.logo .logor{ float:right; overflow:hidden; width:750px;}
.logor .search{ float:left; width:486px; overflow:hidden; margin-top:22px;}
.logor .search .searchtop{ height:26px; line-height:26px; overflow:hidden;}
.logor .search .searchtop a{ color:#888; padding-right:10px;}
.logor .search .searchtop a:hover{ color:#1c95e6; text-decoration:underline;}
.logor .search .searchbottom{ height:40px;}
.logor .search .searchbottom span{ display:block; float:left;}
.logor .search .searchbottom span input{ border:none;}
.logor .search .searchbottom span input.txt{ font-size:13px; color:#888; height:34px; line-height:34px; width:405px;font-family:"����"; border:3px solid #078be3;}
.logor .search .searchbottom span input.btn{ width:70px;text-align:center;background:#078be3; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bolder; cursor:pointer;}
.header .logo .logor .login{ float:left; margin-top:22px; margin-left:20px;}
.header .logo .logor .login .loginico{ width:51px; float:left; margin-left:47px;}
.header .logo .logor .login a{ display:block; float:left; width:51px;}
.header .logo .logor .login a p{ color:#888; height:32px; line-height:32px; text-align:center;}*/

.logo .right{ overflow:hidden; width:840px; height:140px;}
.search{ margin-top:37px; height:44px;}
.search .searchbox{ overflow:hidden; height:44px; float:left; }
.search .searchbox p{ float:left;overflow:hidden;}
.search .searchbox p input.txt{ width:340px;background:url(../images/search_sousuo3.png) no-repeat; height:40px;border:0px; line-height:40px; overflow:hidden; text-indent:40px;}
.search .searchbox p input.btn{ width:80px;background:url(../images/search_btn-2.png) no-repeat; height:40px; border:0px; line-height:40px; cursor:pointer;}

.search .cart{ height:40px; width:152px; background:url(../images/cartbg.png) no-repeat; position:relative; margin-left:25px;}
.search .cart i{ background:url(../images/carttag-2.png) no-repeat; position:absolute; width:26px; height:23px; color:#fff;font-style: normal;line-height: 20px;left:24px;
top: -15px;text-align: center;}
.search .cart a{ display:block; background:url(../images/cartico-2.png) no-repeat 18px center; height:40px; line-height:40px; color:#00a2e8; font-size:15px; text-indent:48px;}
.search .cart a:hover{ color:red;}

.search .kf{  height:40px; line-height:40px; /*! background:url(../images/zxkfbg.png) no-repeat; */ /*! width:118px; */margin-left:100px;}
.search .kf a{color:#00a2e8; font-size:15px; background:url(../images/zxkfico-2.png) no-repeat 13px center; display:block; text-indent:42px;}
.search .kf a:hover{ color:red;}

.container {width: 100%;max-width: 1200px;}
.search_box {border: 2px solid #00a2e8;width: 490px;margin: 0 auto;border-radius: 4px;height: 40px;}
.search_box input {-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;border-radius: 10px;background-color: #FFFFFF;border: 0 solid #E8E8E8;padding: 0 10px;width: 300px;line-height: normal;height: 100%;}
.search_box .btn {
	width: 130px;
	background: #00a2e8;
	border: 0;
	height: 100%;
	float: right;
	color: #FFF;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
}
.search_box .btn:hover{
	background-color: #0a95da;
}
.hot{ height:32px; line-height:32px; overflow:hidden; margin-top:3px;}
.hot a{ color:#333; padding:0 6px;}
.hot a:hover{color:red !important; text-decoration:underline;}

/* ͷ����ʽ */
/* nav */
.nav{ height:46px; border-bottom: 1px solid #00a2e8;}
.nav .navbox{ height:46px; position:relative;}
.nav .navbox .menu{width:220px; position:relative;}
.nav .navbox .menutop{ width:220px;background-color: #00a2e8;line-height: 46px;cursor: pointer; float:left;}
.nav .navbox .menutop h2{color:#fff; font-size:17px; background:url(../images/menubg.png) no-repeat left center;padding-left: 35px;margin-left: 32px;}
.nav .navbox .menulist{
	position:absolute;
	top:47px;
	left:0;
	width: 220px;
	z-index: 1000;
	height: 418px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 36px;
	background: #fff;
}
.nav .navbox .menulist ul{
	height: 100%;
	display: flex;
	width: 100%;
	align-items: stretch;
	flex-shrink: 0;
	flex-direction: column;
}
.nav .navbox .menulist li.menulistlibg {
	width: 220px;
	-moz-box-flex: 1;
	flex: 1 1 0%;
	display: flex;
	align-items: center;
}
.nav .navbox .menulist li.menulistlibg:hover{
	background: #e0ffff;
}
.nav .navbox .menulist li.menulistlibg:hover .menulistbox .meChname a{
	opacity: 1;
}
.nav .navbox .menulist a{font-family: "Microsoft YaHei";}
.menulistbox{width: 188px; repeat-x: scroll center bottom;padding: 0 14px 0 18px;}
.menulistbox .meChname{
	display: flex;
	align-items: center;
}
.menulistbox .meChname a {
	color: #000;
	opacity: 0.6;
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.menulistbox .meSub{width: 188px;height: 25px;overflow: hidden;line-height: 25px;display: none;}
.menulistbox .meSub a {color: #fff;margin-right:8px;}
.listhover{position: absolute;left: 220px;top: 0px;width: 980px;height: 418px;overflow: auto;padding:10px 10px 10px 15px;background-color: #FFF;border-radius: 0px 4px 4px 0px;display: none; box-shadow: rgba(0,0,0,0.1) 0 0 36px;box-sizing: border-box;}
.listhoverbox:after{content: '';display: block;clear: both;}
.listhoverbox .listhoverboxleft{width: 130px; float: left;  height: 41px;  line-height: 42px;  font-weight: bold;overflow: hidden;}
.listhoverbox ul{float: left;width: calc(100% - 130px);}
.listhoverbox li {width:100%;height: auto;overflow: hidden;padding: 6px 0px;border-bottom: 1px dashed #ddd; min-height: 28px;}
.listhoverbox li a {font-family: "Microsoft YaHei";}
.listhoverbox li a.shName{color: #00be6e; font-size:13px;}
.listhoverbox li .shClick a {color: #666;overflow: hidden;display: block;float: left;height: 22px;  line-height: 22px;  font-size: 14px;  border-left: 1px solid #ddd;  margin: 4px 0;  padding: 0 14px;}
.listhoverbox li .shClick a:hover{color:#015376; text-decoration:underline;}
.nav .navbox .navlist{ float:left; position:absolute;top: 0;left: 220px;}
.nav .navbox .navlist li{ float:left; line-height:45px;}
.nav .navbox .navlist li a{ font-size:16px; font-weight: bold; width:130px; text-align:center; display:block;font-family: "Microsoft YaHei";}
.nav .navbox .navlist li.navlistbg a{ color: #085eab; height:45px;}
.nav .navbox .navlist li a:hover{color: #085eab; height:45px;}

.nav .navbox .nav-right {  position: absolute;  top: 47px;  right: 0;  width: 220px;  z-index: 900;  height: 418px;  background: #f9f9f9;  }
.nav-right h3{font-size: 16px;height: 40px;line-height: 40px;text-align: center;border-bottom: 1px solid #ddd;}
.nav-right ul li{height: 39px;line-height: 39px; padding: 2px 10px 2px 20px;border-bottom:1px dashed #ddd; position: relative; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.nav-right ul li:before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #8D8D8D;position: absolute;left: 6px;top: 20px;}
/* nav */

/* banner */
.main{height: auto;overflow: hidden;min-width: 1200px;/* background:#E8E8E8 url(../images/bodybg����ɫ.png) no-repeat center top; */}
.main .maintop{width: 1200px; overflow:hidden; margin-left:0px;}
.r-whaod9{background-color: rgb(241, 243, 245);}
.banner{ height:418px; position: relative;}
.banner .bannerimg{height:418px; overflow:hidden;}
.banner .bannerico{ position: absolute;  bottom: 20px;  height: 13px;  width: 1200px;  left: 50%;  margin-left: -600px;}
.banner .bannerico .bannericobox{ float:right;width: auto;height: 13px;float: right;margin-right: 18px;}
.banner .bannerico .bannericobox li{ background:url(../images/banner_ac.png) no-repeat; width:13px; height:13px; display:block; float:left;margin-left: 6px; text-indent:-99999px; cursor:pointer;}
.banner .bannerico .bannericobox li.bannericoon{ background:url(../images/banner_hu.png) no-repeat;}
/* banner */

/* floorE开始 */
.floorE {
	margin-bottom: 30px
}
.floorE .cate-wrap {
	width: 1200px;
	height: 600px
}
.floorE .cate-wrap .post-pic {
	display: inline-block;
	width: 240px;
	overflow: hidden;
	height: 600px
}
.floorE .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #a0dbff, #fff);
}
.floorE:nth-child(1) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #a0dbff, #fff);
}
.floorE:nth-child(2) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #ffa791, #fff);
}
.floorE:nth-child(3) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #43b4f9, #fff);
}
.floorE:nth-child(4) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #c7ffa0, #fff);
}
.floorE:nth-child(5) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #ffa0da, #fff);
}
.floorE:nth-child(6) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #affd51, #fff);
}
.floorE:nth-child(7) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #5bb0e4, #fff);
}
.floorE:nth-child(8) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #5fbf73, #fff);
}
.floorE:nth-child(9) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #559fcc, #fff);
}
.floorE:nth-child(10) .cate-wrap .post-pic{
	background: linear-gradient(to bottom, #a0dbff, #fff);
}
.floorE .cate-wrap .post-pic a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 40px;
}
.floorE .cate-wrap .post-pic img {
	width: 50%;
}
.floorE .cate-wrap .hot-proext {
	width: 950px;
	float: right;
	height: 600px;
}

.floorE .cate-wrap .hot-proext li {
	float: left;
	width: 225px;
	height: 293px;
	background-color: #fff;
	overflow: hidden;
	margin: 0 0 10px 12px;
	-webkit-box-shadow: 0 0 15px #f4f4f4;
	box-shadow: 0 0 15px #f4f4f4;
}
.floorE .cate-wrap .hot-proext li:hover {
	box-shadow: rgba(0,0,0,0.1) 0 0 36px;
}
.floorE .cate-wrap .hot-proext li a{
	display: block;
	width: 100%;
}
.floorE .cate-wrap .hot-proext .pro-info {
	width: 100%;
	height: 60px;
	font-size: 15px;
	text-align: center;
	margin-top: 10px
}

.floorE .cate-wrap .hot-proext .pro-info .pro-name {
	height: 44px;
	color: #333;
	padding: 0 5px;
	overflow: hidden;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
}
.floorE .cate-wrap .hot-proext .pro-info .pro-price {
	color: #b5b5b5;
	font-size: 18px;
	display: none;
}
.floorE .cate-wrap .hot-proext .pro-info .pro-price span {
	color: #085eab
}
.floorE .cate-wrap .hot-proext .pro-info .pro-price s {
	font-size: 14px;
	margin-left: 10px
}
.floorE .cate-wrap .hot-proext .pro-img {
	overflow: hidden;
	height: 225px;
	width: 225px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.floorE .cate-wrap .hot-proext .pro-img img {
	max-width: 100%;
	max-height: 100%
}

.floorE .title-T {
	width: 1200px;
	position: relative;
	margin: 38px 0 10px 0;
}

.floorE .title-T .icon {
	float: left;
	width: 4px;
	height: 18px;
	background-color: #085eab;
	display: none;
}

.bt-article, .flower-story, .fs-font {
	background-color: #fff
}

.floorE .title-T .h4_Title {
	font-size: 24px;
	color: #000;
	letter-spacing: 1px;
	height: 36px;
	line-height: 36px;
}

.floorE .title-T .morelink a {
	float: right;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 0;
	height: 36px;
	line-height: 36px;
}

.floorE .title-T .morelink a:hover {
	text-decoration: underline
}
/* floorE结束 */

/* �����Ʒ */
.main .maintop .cpbox{ background-color:#fff; overflow:hidden; height:650px;}
/*.title{height: 38px;line-height: 38px;border-bottom: 1px solid #CBCBCB;margin: 6px 12px 0px;}
.title h2{float: left;color: #00a2e8;font-size: 16px;padding-left: 28px;padding-right: 42px;width: auto;height: 37px;border-bottom: 3px solid #00a2e8;}*/
/*.title h2.icormcp{ background:url(../images/rmcpico-2.png) no-repeat left center;}*/
/*.title a.more{margin-right: 20px;color: #888; float:right;}*/
/*.title a.more:hover{color:#00a2e8; text-decoration:underline;}*/
.cpbox .tab{ margin:12px;border: 1px solid #DDD;overflow:hidden;}
.cpbox .tab .demo{ background:#f4f4f4; height:36px; line-height:36px;padding: 0px 10px 0px 20px;border-bottom: 1px solid #DDD;position: relative;}
.cpbox .tab .demo span.arrow {position: absolute;right: 10px;top: 0px;}
.cpbox .tab .demo span.arrow a {display: block;width:6px;height:12px;float: right;margin-right: 5px;margin-top:13px;overflow: hidden;cursor: pointer;background:url("../images/leftrightico.png") no-repeat;}
.cpbox .tab .demo span.arrow a.next{background-position: -10px 0px;}
.cpbox .tab .demo span.arrow a.prev{background-position: 0px 0px;}
.cpbox .tab .demo ul {float: left;position: absolute;left: 20px;height: 36px;}
.cpbox .tab .demo ul li {float: left; width:100px;cursor: pointer; text-align:center;font-size: 14px;}
.cpbox .tab .demo ul li.current{height:36px;color: #00a2e8; font-weight:bold;background: #FFF; border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:2px solid #fff;font-size: 15px;}
.cpbox .tablist{overflow:hidden;}
.cpbox .tablist .cplist{ margin:12px 4px; overflow:hidden;}
.cplist li{ height:260px;border: 1px solid #E6E6E6; width:186px; float:left; margin:0px 2px 0px 4px; overflow:hidden;}
.cplist li:hover{ border:1px solid #f04141;}
.cplist li .cplistbox{height:155px; width:181px; position:relative; overflow:hidden;}
.cplist li .cplistbox .cplistico{ position:absolute; top:0px; right:0px; width:30px; height:30px;}
.cplist li a.cplistimg{ height:155px; width:181px; display:block;vertical-align: middle;text-align: center;display: table-cell;}
.cplist li a.cplistimg img{max-height:155px; max-width:181px;}
.cplist li p.vipmoney{ font-size:13px; font-weight:bolder; color:red; text-indent:18px; height:24px; line-height:24px; overflow:hidden;}
.cplist li p.cplistname{ line-height:25px; height:50px; overflow:hidden; padding:0px 8px; text-align:center;}
.cplist li p.buylshlcy {border-top: 1px solid #E8E8E8;margin-top:8px; overflow:hidden; padding-top:6px;text-align: center;}
.cplist li p.buylshlcy img {margin-top: 10px;margin-left: 3px;margin-right: 3px;}
.inputtext {height: 15px;width: 40px;padding: 2px 0px;line-height: normal;border: 1px solid #CCC;text-align: center;display: block;overflow: hidden;margin-right: 0px;    margin-top: 4px;}
/*.cplist li p.buylshlcy span.ttle { margin-left:5px;}*/
.cplist li p.buylshlcy span.tjscsum {margin-right: 5px;float: right;} 
.thickbox{background: #00a2e8;display: inline-block;color:#fff;padding: 0px 22px;height:25px;margin-top: 4px;line-height: 25px;text-align: center;-webkit-box-sizing: border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-sizing: border-box;box-sizing: border-box;}
.tjsclste {background: #F5F5F5;width: 42px; text-align: center;border: 1px solid #DCDCDC;height: 21px;line-height: 21px;margin-top: 4px;display: inline-block;}
/* �����Ʒ */
/* ���а� */
.brank{ margin-top:10px; overflow:hidden;}
.brankl{ float:left;background:#fff; width:220px; height:322px;}
.brankl .brankltop{ background:url(../images/brankbg.jpg) repeat-x;height: 44px;border: 1px solid #D9D9D9; padding:0px 14px;}
.brankl .brankltop li{ float:left;width:94px; margin-top:8px;text-align:center;font-size:15px;font-family: "Microsoft YaHei";height:36px;line-height:36px; cursor:pointer;}
.brankl .brankltop li.brankltopon{background-color: #FFF;color: #00a2e8;border-top: 1px solid #D9D9D9;border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;}
.brankl .branklbottom{padding:3px 18px 22px;overflow: hidden; height:251px; white-space:nowrap;} 
.brankl .branklbottom li{ height:35px; line-height:35px; border-bottom:1px dashed #D7D7D7; overflow:hidden;}
.brankl .branklbottom li a{ display:block; width:184px; height:35px; overflow:hidden;}
.brankl .branklbottom li a span{margin: 10px 8px 0px 0px;width: 15px;height: 15px;text-align: center;font-family: Arial; display:block; float:left;line-height: 15px; background:url(../images/brand_ho.jpg) no-repeat; color:#fff;}
.brankl .branklbottom li a:hover font{ color:#00a2e8;} 
.brankl .branklbottom li a font{ display:block; float:left; width:161px; height:35px; overflow:hidden;}
/* ���а� */
/*��ɫ��Ʒ */
.brankr{ float:right; background:#fff; width:970px; overflow:hidden;height:322px;}
/*.brankr .title h2.icormcp1{ background:url(../images/top_icon1-2.png) no-repeat left center;}*/
.brankrtop{height: 38px;line-height: 38px;padding: 6px 20px 0px;border-bottom: 1px solid #CBCBCB;}
.brankr .brankrbox{ overflow:hidden; margin-top:5px;}
.brankrbox .goodleft{ float:left;width: 158px; overflow:hidden;margin-top:16px;}
.brankrbox .goodleft li{ background:url(../images/beau_proac1.jpg) no-repeat;width: 158px;height: 40px;line-height: 40px;margin-bottom:8px;}
.brankrbox .goodleft li a {display: block;font-family: "Microsoft YaHei";font-size: 13px;padding-left: 26px;width: 130px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.brankrbox .goodleft li.goodlefton{ background:url(../images/beau_proho1.jpg) no-repeat;}
.brankrbox .goodleft li.goodlefton a {color: #FFF;}
.brankrbox .goodright{ float:right; margin-right:10px; margin-top:2px; overflow:hidden;}
/*��ɫ��Ʒ */
/*����ר�� */
.tech{ overflow:hidden; background:#fff;height: 380px;margin-top:10px;margin-bottom:10px;}
/*.tech .title h2.icormcp2{ background:url(../images/top_icon3-2.png) no-repeat left center;}*/
.tech .techbox{height: auto;overflow: hidden;margin:10px 20px 0px 20px;}
.techbox .techboxl{position: relative;width:750px;overflow: hidden; float:left;}
.techboxlico{ position:absolute;top: 20px;right: 0px;z-index: 20;}
.techboxlico li{background:url(../images/solution_ac.png) no-repeat;width:13px;height:13px;display: block;float:left;margin-left:6px;text-indent: -99999px;cursor: pointer;}
.techboxlico li.techboxlicoon{ background:url(../images/solution_hu.png) no-repeat;}
.techboxlist{ overflow:hidden; margin-top:25px; margin-left:20px;}
.techboxlistimg{ width:260px; height:260px; overflow:hidden; float:left;}
.techboxlistimg a{ display:block; width:260px; height:260px;vertical-align: middle;text-align: center;display: table-cell;}
.techboxlistimg img{ max-width:360px; max-height:360px;}
.techboxlistfont{width:420px; float:right; overflow:hidden;}
.techboxlistfont h3{margin-bottom: 12px;}
.techboxlistfont h3 a {display: block;font-family: "Microsoft YaHei";color: #333;font-size: 18px;width: 420px;height: 24px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.techboxlistfont h3 a:hover{color:red;}
.techboxlistfont .Rintro{height: 187px;overflow: hidden; line-height:24px; text-indent:24px;margin-bottom: 12px;}
.techboxlistfont .Rintro p{line-height:24px; text-indent:24px;}
.techboxlistfont p.Rmore{}
.techboxlistfont p.Rmore a {color: #00a2e8;}
.techboxr{width:370px; float:right; margin-top:10px;}
.techboxr li{height: 31px;line-height: 31px;border-bottom: 1px dashed #D1D1D1;overflow: hidden;}
.techboxr li a{ background:url(../images/list_icon.jpg) no-repeat left center; display:block; width:270px; float:left;padding-left: 16px; overflow:hidden; height:31px;line-height: 31px;}
.techboxr li span{ float:right;}
.techboxr li a:hover{ text-decoration:underline;color: #00a2e8;}
/*����ר�� */
/*��˾��Ϣ */
.company{ margin-top:10px;overflow:hidden;}
.company .news{ float:left;width: 384px; overflow:hidden;padding: 8px 20px 15px;background:#fff; }
.news .newstop{height: 42px;line-height: 42px;border-bottom: 1px solid #DADADA;}
.news .newstop li{ float:left;width: auto;height: 41px;padding: 0px 16px;}
.news .newstop li a{ display:block;font-family: "Microsoft YaHei";font-size: 16px;}
.news .newstop li.newstopon{border-bottom: 3px solid #00a2e8;}
.news .newstop li.newstopon a{color: #00a2e8;}
.news .newsbox{width: 384px;height: 271px;overflow: hidden;}
.news .newsbox .techboxr{ float:none; margin-left:6px;}
.company .about{ float:right;background:#fff; width:762px; overflow:hidden;}
.company .about .title h2.icormcp3{ background:url(../images/top_icon4-2.png) no-repeat left center;}
.aboutbox{height: 268px;overflow: hidden;margin-top:24px; padding:0px 20px;}
.aboutboxl{ float:left; width:240px; height:240px; overflow:hidden;border: 1px solid #E6E6E6;}
.aboutboxl a{ display:block;width:240px; height:240px;vertical-align: middle;text-align: center;display: table-cell;}
.aboutboxl a img{max-width:240px;max-height:240px;}
.aboutboxr{ float:right;width: 462px;line-height: 26px;height:240px;overflow: hidden; text-indent:24px;}
.aboutboxr p{line-height: 27px;text-indent:24px;}
/*��˾��Ϣ */
/*Ʒ��ר�� */
.brandbox{overflow:hidden;  background:#fff; width:1200px; margin:0px auto; margin-top:10px;margin-bottom: 20px;}
.brandbox .title h2.icormcp4{ background:url(../images/top_icon2-2.png) no-repeat left center;}
.brandboximg{margin: 20px 12px; overflow:hidden;}
.brandboximglist{width:1176px;overflow:hidden;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.brandboximglist li{width:234px;float: left;height: 130px;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.brandboximglist li a {display: block;height: 90px;padding: 20px;text-align: center;}
.brandboximglist li a b {width: 200px;overflow: hidden;display: block;vertical-align: middle;text-align: center;display: table-cell;height: 60px;}
.brandboximglist li a b img {max-width: 200px;max-height: 60px;}
.brandboximglist li a font {display: block;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #666;}
.brandboximglist li a:hover font{ color:#00a2e8;}
/*Ʒ��ר�� */
/* Ʒ��ҳ�� */
.brandlist{ margin:20px auto 30px; overflow:hidden;}
.brandlist ul li{ float:left; width:288px; margin:0px 5px 10px 5px;border: 1px solid #e4e4e4; position:relative;}
.brandlist ul li:hover{border: 1px solid #00a2e8;}
.brandlist ul li:hover .fxs-dis{border: 1px solid #0093e6;border-top:0px;}
.brandlist ul li .fxs-logo {width:100%;height: 90px;overflow: hidden;}
.brandlist ul li .fxs-logo a{ display:block; width:288px;height: 90px;vertical-align: middle;text-align: center;display: table-cell;}
.brandlist ul li .fxs-logo a img{ max-width:288px;max-height: 90px;}
.brandlist ul li .fxs-content {padding: 10px;background-color: #F5F5F5;height: 120px;overflow: hidden;position: relative;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.brandlist ul li .fxs-content h2 {color: #00a2e8;font-size:20px; height:30px; overflow:hidden;text-align:center;}
.brandlist ul li .fxs-content h2 a{color: #00a2e8;font-size: 20px;}
.brandlist ul li .fxs-content h2 a:hover{ color:red;}
.brandlist ul li .fxs-content p {margin-top:8px; line-height:25px; font-size:13px; overflow:hidden; height:75px; color:#7e7e7e;}
.brandlist ul li .fxs-content .icon {right:12px;top:122px;position: absolute;font-size: 22px;color: #666;cursor: pointer; width:16px; height:9px; padding:3px; background:url(../images/brandlistico.png) no-repeat; z-index:99;}
.brandlist ul li .fxs-dis {word-break: break-all;border:1px solid #e4e4e4; border-top:0px;position: absolute;left: -1px;top:231px;background-color: #fff;width: 288px;display: none;z-index: 1;}
.brandlist ul li .fxs-dis p {height: 125px;overflow: auto;font-size: 12px;line-height: 22px;margin: 10px 0 10px 10px;}
.brandlist ul li.cur .fxs-dis{ display:block;}
/* Ʒ��ҳ�� */

/*copyright */.copyright{ border-top:1px solid #b6b6b6;}
.copyrightbox{ text-align:center;  margin-top:15px; margin-bottom:8px;}
.copyrightbox p{height:30px;line-height:30px;}
.copyrightbox a{color: #666;}
.copyrightbox a:hover{color:#00a2e8;}
/*copyright */


.friendlink{overflow: hidden;background: #fff; padding:10px 0px 15px 0px;}
.friendlink p{width: 1200px;margin: 0px auto;overflow: hidden;line-height: 30px;}
.friendlink p a{ padding:0px 6px;}
.friendlink p a:hover{ text-decoration:underline; color:#36c2d8;}





/*���� */
@CHARSET "UTF-8";
.clearfix:before,.clearfix:after {
	display: table;
	content: "";
	clear: both;
	height: 0;
}

.clearfix {
	zoom: 1;
}

.friendly-links-wrap {
	display: none;
	width: 100%;
	background-color: #303030;
}

.friendly-links {
	width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #3a3a3a;
}

.friendly-links-lists {
	position: relative;
	padding-left: 70px;
	padding-top: 28px;
}

.friendly-links-lists .friendly-links-lebal{
	position: absolute;
	top: 28px;
	left: 0;
	font: 12px/12px "΢���ź�";
	color: #7c7c7c;
}

.friendly-links-list {
	float: left;
	height: 12px;
	padding-right: 22px;
	padding-bottom: 15px;
	font: 12px/12px "΢���ź�";
}

.friendly-links-list a {
	color: #7c7c7c;
}

.friendly-links-list a:hover {
	color: rgba(64,195,255,0.4);
}
